
@use "../theme/global" as *;
@use './color.scss' as *;

// 定义主题色
#{$theme-tag} {
  #{$css-variable-prefix}-primary: $primary;
  #{$css-variable-prefix}-primary-1: $primary-1;
  #{$css-variable-prefix}-primary-2: $primary-2;
  #{$css-variable-prefix}-primary-3: $primary-3;
  #{$css-variable-prefix}-primary-4: $primary-4;
  #{$css-variable-prefix}-primary-5: $primary-5;
  #{$css-variable-prefix}-primary-6: $primary-6;
  #{$css-variable-prefix}-primary-7: $primary-7;

  #{$css-variable-prefix}-success: $success;
  #{$css-variable-prefix}-success-1: $success-1;
  #{$css-variable-prefix}-success-2: $success-2;
  #{$css-variable-prefix}-success-3: $success-3;
  #{$css-variable-prefix}-success-4: $success-4;
  #{$css-variable-prefix}-success-5: $success-5;
  #{$css-variable-prefix}-success-6: $success-6;
  #{$css-variable-prefix}-success-7: $success-7;

  #{$css-variable-prefix}-warning: $warning;
  #{$css-variable-prefix}-warning-1: $warning-1;
  #{$css-variable-prefix}-warning-2: $warning-2;
  #{$css-variable-prefix}-warning-3: $warning-3;
  #{$css-variable-prefix}-warning-4: $warning-4;
  #{$css-variable-prefix}-warning-5: $warning-5;
  #{$css-variable-prefix}-warning-6: $warning-6;
  #{$css-variable-prefix}-warning-7: $warning-7;

  #{$css-variable-prefix}-danger: $danger;
  #{$css-variable-prefix}-danger-1: $danger-1;
  #{$css-variable-prefix}-danger-2: $danger-2;
  #{$css-variable-prefix}-danger-3: $danger-3;
  #{$css-variable-prefix}-danger-4: $danger-4;
  #{$css-variable-prefix}-danger-5: $danger-5;
  #{$css-variable-prefix}-danger-6: $danger-6;
  #{$css-variable-prefix}-danger-7: $danger-7;


  // 边框颜色
  #{$css-variable-prefix}-color-border-1: $gray-2;
  #{$css-variable-prefix}-color-border-2: $gray-3;
  #{$css-variable-prefix}-color-border-3: $gray-4;
  #{$css-variable-prefix}-color-border-4: $gray-6;

  // 填充颜色
  #{$css-variable-prefix}-color-fill-1: $gray-1;
  #{$css-variable-prefix}-color-fill-2: $gray-2;
  #{$css-variable-prefix}-color-fill-3: $gray-3;
  #{$css-variable-prefix}-color-fill-4: $gray-4;
  #{$css-variable-prefix}-color-fill-5: $gray-8;

  // 文字颜色
  #{$css-variable-prefix}-color-text-1: $gray-10;
  #{$css-variable-prefix}-color-text-2: $gray-8;
  #{$css-variable-prefix}-color-text-3: $gray-6;
  #{$css-variable-prefix}-color-text-4: $gray-4;
  #{$css-variable-prefix}-color-text-5: $white;


  #{$css-variable-prefix}-white: $white;
  #{$css-variable-prefix}-black: $black;
  #{$css-variable-prefix}-transparent: $transparent;
}
